<template>
	<h3>父组件ParntA</h3>
	<h3>父组件向子组件传递静态数据</h3>
	<!-- <ChildA count='1' stuname='黄艳贞' age='18'></ChildA> -->
	<!-- 请向子组件ChildA传递变量stuname="自己的姓名" age=18 并显示 -->
	<h3>父组件向子组件传递动态数据</h3>
	<ChildA :title1='t1' :title2="t2" :title3="t3" 
	:title4="t4" :n1="n1" :isF="isF" :singname1='singname1'
	:time='time' :singif2='singif2' :singif3='singif3'
	></ChildA>
</template>

<script setup>
	import ChildA from './ChildA.vue';
	import {ref,reactive} from 'vue'
	//定义数据，传递数据
	//<子组件标签名 自定义属性A="数据" 自定义属性B="数据" /
	// const msg=ref('父组件A')
	//定义动态数据
	//字符串
	const t1=ref('歌曲标题')
	const t2=ref('时长')
	const t3=ref('是否已收藏')
	const t4=ref('播放量')
	const singname1=ref('Hush')
	const time=ref('03:01')
	//数字
	const n1=ref(20000)
	//布尔
	const isF=ref(true)
	//数组
	const singif2=reactive(['Sports car','02:45',false,6000])
	//对象
	const singif3=reactive({
		t:'Lies',
		l:'02:24',
		isL:true,
		b:18000
	})
	
</script>

<style>
</style>